<template>
  <ul class="list">
    <li v-for="index in 10" :key="index">
      <router-link to='/detail'>
        <img src="https://images.weserv.nl/?url=http://img3.doubanio.com/view/photo/s_ratio_poster/public/p2566598269.jpg">
        <div class="info">
          <h3>徒手攀岩</h3>
          <p>豆瓣评分：9</p>
          <p><span class="tag">纪录片</span></p>
        </div>
      </router-link>
    </li>
  </ul>
</template>
<script>
import { mapActions } from 'vuex'
export default {
  methods: {
    ...mapActions(['movieList'])
  },
  created () {
    // this.$store.dispatch('movieList')
    this.movieList()
  }
}
</script>
